<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>JS 定时器</h1>
    <button onclick="stop1()">停止单次定时</button>
    <button onclick="stop2()">停止多次定时</button>
    <hr>

    <script>
        // 单次定时
        // var timer = setTimeout('console.log("hello, 小静静");', 2000);

        function stop1(){
            clearTimeout(timer);
        }

        // 多次定时
        // var i = 0;
        // var t2 = setInterval('console.log("hello, 小静静"+i);i++;', 100);
        function stop2(){
            clearInterval(t2);
        }

        // setInterval(function(){
        //     console.log('how old are you');
        // }, 100);
        

        function demo(){
            console.log('biu~~');
        }
        setInterval(demo, 100);

    
    </script>
</body>
</html>